﻿<!DOCTYPE html>
<html>
<head>
  <title></title>
  <link href="/style/rightdirectory.css" rel="stylesheet"/>
  <script src="/script/config.js"></script>
</head>

<body>
<h5>产品类型</h5>
<div class="form-body">
  <div class="form-horizontal  hide" id="form">

  </div>
</div>
</body>
</html>
<script type="text/html" id="tp-form">
  <div class="form-group">
    <label class="col-sm-2">类型名称</label>
    <div class="col-md-6 col-sm-10">
      <input type="text" class="form-control" data-form="TypeName" placeholder="类型名称" value="{{TypeName}}">
    </div>
  </div>

  <div class="form-group">
    <label class="col-sm-2">上级id</label>
    <div class="col-md-6 col-sm-10">
      <input type="text" class="form-control" data-form="PId" placeholder="上级id" value="{{PId}}">
    </div>
  </div>

  <div class="form-group" id="btn-img">
    <label class="col-sm-2">类型图标</label>
    <div class="col-md-1 col-sm-1">
      {{if pageid>0}}
      <img id="img-src" class="col-md-1 col-sm-3" data-form="Pic" src="{{Pic}}"
           style="width:60px;height:40px;margin-bottom:10px;"/>
      {{else}}
      <img id="img-src" class="col-md-1 col-sm-3" src="/img/logo.png"
           style="width:60px;height:40px;margin-bottom:10px;"/>
      {{/if}}
      <input type="hidden" id="Pic" data-form="Pic" value="{{Pic}}"/>
      <button class="btn btn-success y-btn" type="button" id="imgUpload" onclick="btnimg()">添加</button>
    </div>
  </div>

  <div class="form-group">
    <label class="col-sm-2">排序号</label>
    <div class="col-md-6 col-sm-10">
      <input type="text" class="form-control" data-form="SortId" placeholder="排序号" value="{{SortId}}">
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="button" id="btn-submit" class="btn btn-primary">保存</button>
      <button type="button" class="btn" onclick="window.history.go(-1)">返回</button>
    </div>
  </div>
</script>
<link href="/script/valid/css/tr.css" rel="stylesheet"/><!--判断如：PlatformName格式-->
<script src="/script/valid/form-valid.js?v=2018"></script>
<script src="/script/plugins/upload/js/config.js"></script>
<script>
  function btnimg() {
    //图标上传
    $.WebUploader({
      uploader: { //图片上传配置
        fileNumLimit: 1, // 验证文件总数量, 超出则不允许加入队列
        fileSingleSizeLimit: 40000, //验证单个文件大小是否超出限制,单位计算/b
        accept: { //现在被上传文件 不可分体的列表
          title: 'Images',
          extensions: 'gif,jpg,jpeg,bmp,png,ico',
          mimeTypes: 'image/*'
        },
        succee: function (rs) {
          console.log(rs)
          $("#Pic").val(rs.Url);
          $("#img-src").attr("src", rs.Url);
          $.msgSucceed("上传成功！")
        }
      }
    });
  }

  $(function () {
    var id = QueryPageUrlString("v");//判断是否是编辑进来的
    var formValidEvent;
    var formValidInit = function () {
      var formValidData = [
        {
          key: "typeName",
          datatype: "*",
          nullmsg: "不能为空哦",
          errormsg: "不能为空哦"
        },
      ];
      formValidEvent = $(".form-body").formValid(formValidData);
    }
    var inintData = {
      TypeName: "",
      PId: "",
      SortId: "",
      Pic: ""
    };

    if (id > 0) { //存在值的情况
      $.http.json("ptype/find", {   //查询
        Id: id
      }, {
        pass: function (data) {
          data.pageid = id;
          $("#form").templateRender({el: "tp-form", data: data});//渲染模板，要先渲染才能获值
          formValidInit();
        },
        error: function (d) {
        }
      })
    } else {
      $("#form").templateRender({el: "tp-form", data: inintData});//渲染模板，要先渲染才能获值
      formValidInit();
    }

    $("#form").on("click", "#btn-submit", function () { //保存按钮有添加和编辑
      if (!formValidEvent.check()) {
        return;
      }
      var apiUrl = "ptype/insert";
      if (id > 0) {
        apiUrl = "ptype/upd";
      }
      $("#form").ajaxFormSubmit(apiUrl, {
        pass: function (d) {
            $.msgSucceed(d.Errmsg);
           
          return
        },
        error: function (d) {
          $.msgFall(d.Errmsg);
        }
      }, {addData: {Id: id}})
      return
    });


  })
</script>
